﻿<%@ Page Title="" Language="C#" MasterPageFile="~/masters/SecuredInterna.Master" AutoEventWireup="true" CodeBehind="Cuentas.aspx.cs" Inherits="BancoIdeal.Secured.Cuentas" %>

<asp:Content ID="Content1" ContentPlaceHolderID="TitlePageSecured" runat="server">
    Mis Cuentas
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="head" runat="server">
	<script src="../scripts/util.js" type="text/javascript"></script>
	<script type="text/javascript">
		var dirProductos = "/WS/Productos.asmx";
		$( document ).ready( function () {
	      	loadingModal();
		  	LlamadoAjax( "{ idCliente: " + idCliente + " }", dirProductos, 'GetGruposClienteFull', OnErrorCall, OnSuccessCallGetGruposCliente );
      		LlamadoAjax( "{ idCliente: " + idCliente + " }", dirProductos, 'SaldosCuentas', OnErrorCall, OnSuccessCallSaldoTotal );
	      } );

	      function OnErrorCall( response ) {
	      	alert( response.status + " " + response.statusText );
	      }

	      function OnSuccessCallSaldoTotal( response ) {
	      	response = eval( "( " + response.d + " )" );
	      	$( '#SaldoTotolPesos' ).html( response );
	      }

	      function OnSuccessCallGetGruposCliente( response ) {
	          response = eval( "( " + response.d + " )" );
	          var htm = '';
	          var j = 0;
	          for ( var i = 0; i < response.length; i++ ) {
	              if ( response[i].IdGrupoCliente != -1 && response[i].Produc.length > 0 && ( response[i].Produc[0].IdProducto == 1 || response[i].Produc[0].IdProducto == 2 ) ) {
	                  htm = htm + '<div class="cuentasGroup"><div class="cuentasTitle"><span>' + response[i].NombreDelGrupo + '</span></div><div class="grupoCuentasScroll">';
	                  for ( j = 0; j < response[i].Produc.length; j++ ) {
	                      htm = htm + '<div id="Div1" class="infoCuenta"><h3 class="tituloDeResumen"><span class="fondoAdicional"><span class="estiloTexto">' + response[i].Produc[j].NombreProductoCliente + '</span></span></h3><ul class="cuentaFeatures izquierda noMargin marginLeft7px">';
	                      if ( response[i].Produc[j].IdProducto == 1 ) {
	                          htm = htm + '<li class="featureCuentaAhorros"><a href="#"><span class="fondoAdicional"><span class="estiloTexto">' + response[i].Produc[j].NombreProducto + '</span></span></a></li>';
	                      } else {
	                          htm = htm + '<li class="featureCuentaCorriente"><a href="#"><span class="fondoAdicional"><span class="estiloTexto">' + response[i].Produc[j].NombreProducto + '</span></span></a></li>';
	                      }
	                      htm = htm + '<li class="featureMonedaPesos"><a href="#"><span class="fondoAdicional"><span class="estiloTexto">CO Pesos</span></span></a></li>';
	                      if ( response[i].Produc[j].IdProducto == 2 ) {
	                          htm = htm + '<li class="featureSobregiro"><a href="#"><span class="fondoAdicional"><span class="estiloTexto">0</span></span></a></li>';
	                      }
	                      htm = htm + '</ul><div class="saldoGroupCuenta"><hgroup><h4 class="labelSaldo derecha noMargin marginRight7px"><span class="fondoAdicional"><span class="estiloTexto">Saldo disponible</span></span></h4><h2 class="saldoCuenta derecha noMargin marginRight7px">$' + response[i].Produc[j].Saldo + '</h2></hgroup><div class="iconTipoResumen iconoResumenTipoCuentas"></div></div></div>';
	                  }
	                  htm = htm + '</div></div>';
	              } else {
	                  if ( response[i].IdGrupoCliente == -1 && response[i].Produc.length > 0 ) {
	                      var htmTMP = '<div class="cuentasGroup"><div class="cuentasTitle"><span>' + response[i].NombreDelGrupo + '</span></div><div class="grupoCuentasScroll">';
	                      var contador = 0;
	                      for ( j = 0; j < response[i].Produc.length; j++ ) {
	                          if ( response[i].Produc[j].IdProducto == 1 || response[i].Produc[j].IdProducto == 2 ) {
	                              contador++;
	                              htmTMP = htmTMP + '<div id="Div1" class="infoCuenta"><h3 class="tituloDeResumen"><span class="fondoAdicional"><span class="estiloTexto">' + response[i].Produc[j].NombreProductoCliente + '</span></span></h3><ul class="cuentaFeatures izquierda noMargin marginLeft7px">';
	                              if ( response[i].Produc[j].IdProducto == 1 ) {
	                                  htmTMP = htmTMP + '<li class="featureCuentaAhorros"><a href="#"><span class="fondoAdicional"><span class="estiloTexto">' + response[i].Produc[j].NombreProducto + '</span></span></a></li>';
	                              } else {
	                                  htmTMP = htmTMP + '<li class="featureCuentaCorriente"><a href="#"><span class="fondoAdicional"><span class="estiloTexto">' + response[i].Produc[j].NombreProducto + '</span></span></a></li>';
	                              }
	                              htmTMP = htmTMP + '<li class="featureMonedaPesos"><a href="#"><span class="fondoAdicional"><span class="estiloTexto">CO Pesos</span></span></a></li>';
	                              if ( response[i].Produc[j].IdProducto == 2 ) {
	                                  htmTMP = htmTMP + '<li class="featureSobregiro"><a href="#"><span class="fondoAdicional"><span class="estiloTexto">0</span></span></a></li>';
	                              }
	                              htmTMP = htmTMP + '</ul><div class="saldoGroupCuenta"><hgroup><h4 class="labelSaldo derecha noMargin marginRight7px"><span class="fondoAdicional"><span class="estiloTexto">Saldo disponible</span></span></h4><h2 class="saldoCuenta derecha noMargin marginRight7px">$' + response[i].Produc[j].Saldo + '</h2></hgroup><div class="iconTipoResumen iconoResumenTipoCuentas"></div></div></div>';
	                          }
	                      }
	                      htmTMP = htmTMP + '</div></div>';
	                      if ( contador > 0 ) {
	                          htm = htm + htmTMP;
	                      }
	                  }
	              }
	          }
	          $( '#paginaCuentas' ).append( htm );
	          InteraccionCuentas( 'cuentasGroup' );
	          ScrollToolFun();
	          $( '.cargandoModal' ).dialog( 'close' );
	      }
	</script>
</asp:Content>
<asp:Content ID="Content3" ContentPlaceHolderID="SectionIcon" runat="server">
	<span class="icono iconoCuentas48x">&nbsp;</span>
</asp:Content>
<asp:Content ID="Content12" ContentPlaceHolderID="SectionTitle" runat="server">
	Cuentas
</asp:Content>
<asp:Content ID="Content6" ContentPlaceHolderID="InfoScreen" runat="server">
    <p>Aquí podrás encontrar todas tus cuentas organizadas por los grupos que haz creado.</p>
    <p>Cada cuenta posee información importante visualizada de forma clara.</p>
</asp:Content>
<asp:Content ID="Content7" ContentPlaceHolderID="MoreInfoScreen" runat="server">
</asp:Content>
<asp:Content ID="Content8" ContentPlaceHolderID="SectionOptions" runat="server">
   <ul>
      <li>
         <a href="saldosMovimientos.aspx" class="opcionSeccion">
            <span class="icono cuentas">&nbsp;</span>
            <span class="fondoAdicional">
					<span class="estiloTexto">Saldos y movimientos</span>
            </span>
         </a>
		</li>
		<li>
			<a href="solicitarProductos.aspx" class="opcionSeccion">
				<span class="icono nuevo">&nbsp;</span>
				<span class="fondoAdicional">
					<span class="estiloTexto">Abrir nueva cuenta</span>
				</span>
			</a>
		</li>
		<li>
         <a href="organizarCuentas.aspx" class="opcionSeccion">
            <span class="icono organizar">&nbsp;</span>
            <span class="fondoAdicional">
					<span class="estiloTexto">Organizar cuentas</span>
            </span>
         </a>
      </li>
   </ul>
</asp:Content>
<asp:Content ID="enabezadoSeccionPanorama" ContentPlaceHolderID="TitleSubSectionPanorama" runat="server">
	Mis Cuentas
</asp:Content>
<asp:Content ID="OpcionesTile" ContentPlaceHolderID="OpcionesTileHorizontal" runat="server">    
</asp:Content>
<asp:Content ID="Content9" ContentPlaceHolderID="MainContent" runat="server">
	<div class="paginaCuentas" id="paginaCuentas">
	</div>    
</asp:Content>
<asp:Content ID="Content10" ContentPlaceHolderID="FooterWebPage" runat="server">
	<div id="saldosGroup" >
		<div id="textoSaldosConsolidados" class="izquierda">
			<h4 class="textoConsolidado"><span class="filaHorizontal"><span>Saldos totales consolidado</span></span></h4>
		</div>
		<div id="saldoCuentas" class="derecha">
			<h3 class="salMovMoneda">
				<span class="consolidadoPesos"></span>
				<span class="fondoAdicional"><span class="estiloTexto" id="SaldoTotolPesos"></span></span>
			</h3>
		</div>
</div>
</asp:Content>
<asp:Content ID="Content11" ContentPlaceHolderID="VentanasEmergentes" runat="server">
</asp:Content>